<%-- 
    Document   : updateliveserverresult
    Created on : Jun 19, 2011, 1:17:18 PM
    Author     : A7med Kotb
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Update Live Server Result Page</title>
        <link rel="stylesheet" media="all" type="text/css" href="css/jquery-ui-1.8.6.custom.css" />
         <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.6.custom.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"></script>

        <style>
            .ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
            .ui-timepicker-div dl{ text-align: left; }
            .ui-timepicker-div dl dt{ height: 25px; }
            .ui-timepicker-div dl dd{ margin: -25px 10px 10px 65px; }
            .ui-timepicker-div td { font-size: 90%; }
        </style>
    </head>
    <body>
        <script>
            $(function() {
                $( "#startDate" ).datepicker();
            });
            $(function() {
                $('#startTime').timepicker({
                    ampm: false,
                    hourMin: 0,
                    hourMax: 23
                });
            });
        </script>
          <html:form action="/LiveServersURL.do">
        <table>
                    <tr>
                        <td colspan="2" align="center"><h2>Live Server Data</h2></td>
                    </tr>
                    <tr>
                        <td>IP</td>
                        <td><html:text property="ip" value="${data.getIp()}" size="40" readonly="true"></html:text></td>
                    </tr>
                    <tr>
                        <td>Description</td>
                        <td><html:text property="description" value="${data.getDescription()}" size="40" readonly="true"></html:text></td>
                    </tr>
                    <tr>
                        <td>Type</td>
                        <td><html:text property="type" value="${data.getType()}" size="40"></html:text></td>
                    </tr>
                    <tr>
                        <td>User Name</td>
                        <td><html:text property="userName" value="${data.getUserName()}" size="40"></html:text></td>
                    </tr>
                    <tr>
                        <td>Password</td>
                        <td><html:text property="password" value="${data.getPassword()}" size="40"></html:text></td>
                    </tr>
                    <tr>
                        <td>Port</td>
                        <td><html:text property="port" value="${data.getPort()}" size="40"></html:text></td>
                    </tr>
                    <tr>
                    <td style="width:40%;"><b>Schedule</b>
                    </td>
                    <td  style="width:60%;">
                        <html:select property="schedule" size="1" styleId="schedule" value="${LST.getSchedule()}">
                            <html:option value="Hourly">Hourly</html:option>
                            <html:option value="Daily">Daily</html:option>
                            <html:option value="Weekly">Weekly</html:option>
                            <html:option value="Monthly">Monthly</html:option>
                        </html:select><div id="schedulediv"></div>
                    </td>
                </tr>
                <tr>
                    <td style="width:40%;"><b>Modifier</b></td>
                    <td style="width:60%;"><html:text property="modifier" value="${LST.getModifier()}"></html:text>
                        <div></div>
                    </td>
                </tr>
                <tr>
                    <td style="width:40%;"><b>Start Date</b></td>
                    <td style="width:60%;"><html:text styleId="startDate" property="startDate" value="${startdate}"></html:text>
                    <div id="startDatediv"></div>
                    </td>
                </tr>
                <tr>
                    <td style="width:40%;"><b>Start Time</b></td>
                    <td style="width:60%;"><html:text styleId="startTime" property="startTime" value="${LST.getStartTime()}"></html:text>
                        <div id="startTimediv"></div>
                    </td>
                </tr>
                <tr>
                    <td style="width:40%;"><b>Day</b>
                    </td>
                    <td  style="width:60%;">
                    <html:select property="day" size="1" value="${LST.getDay()}">
                            <html:option value="FRI">FRI</html:option>
                            <html:option value="SAT">SAT</html:option>
                            <html:option value="SUN">SUN</html:option>
                            <html:option value="MON">MON</html:option>
                            <html:option value="TUE">TUE</html:option>
                            <html:option value="WED">WED</html:option>
                            <html:option value="THU">THU</html:option>
                        </html:select>
                        <div><html:errors property="EmptyDay"/></div>
                    </td>
                </tr>
        </table>
                 <html:submit value="Update" property="actionType"></html:submit>
                 <html:submit value="Enable" property="actionType"></html:submit>
                 <html:submit value="Disable" property="actionType"></html:submit>
     </html:form>
    </body>
</html>
